<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>订单详情</title>
		<style type="text/css">
		table tr td, div, ul li, dl dd {
		    white-space: normal;
		    word-break: break-all;
		}
		div {
		    display: block;
		}
		body {
		    font: 12px/1.5 "microsoft yahei",arial,Simsun, sans-serif;
		    margin: 0px;
		    padding: 0px;
		    color: #555;
		}
		table {
		    display: table;
		    border-collapse: separate;
		    border-spacing: 2px;
		    border-color: grey;
		}
		tbody {
		    display: table-row-group;
		    vertical-align: middle;
		    border-color: inherit;
		}
		tr {
		    display: table-row;
		    vertical-align: inherit;
		    border-color: inherit;
		}
		/*****订单状态*样式************************************/
		.b-right {
		    padding-right: 20px;
		    border-right: dotted 1px #CDE7FF;
		}
		.y-right {
		    width: 840px;
		    float: left;
		}
		.o-box {
		    width: 800px;
		    padding: 5px 19px;
		    border: solid 1px #C5D8F1;
		    border-top: solid 2px #18e;
		    background: #F9FCFF;
		    float: left;
		}
		
		.o-view {
		    font-size: 16px;
		    line-height: 40px;
		    padding-bottom: 13px;
		    padding-top: 5px;
		    color: #666;
		}
		.o-view span {
		    float: right;
		}
		.o-view strong {
		    color: #333;
		}
		strong, b {
		    font-weight: bold;
		}
		ul, li, dl, dd {
		    margin: 0px;
		    padding: 0px;
		    list-style-image: none;
		    list-style-type: none;
		}
		dl {
		    display: block;
		    -webkit-margin-before: 1em;
		    -webkit-margin-after: 1em;
		    -webkit-margin-start: 0px;
		    -webkit-margin-end: 0px;
		}
		.o-f0 {
		    padding: 0 10px;
		}
		.o-f1 {
		    padding: 0 10px;
		    border-top: dotted 1px #CDE7FF;
		    background: #fff;
		    border-bottom: dotted 1px #CDE7FF;
		    font-size: 12px;
		    color: #333;
		}
		.f-red {
		    color: #f00;
		}
		.o-f2 {
		    border: solid 1px #FDE1BE;
		    background: #FEF9F1;
		    padding: 0 10px;
		    font-size: 14px;
		    font-weight: bold;
		    margin-top: 10px;
		    color: #333;
		}
		a.ov-btn {
		    width: 130px;
		    font-size: 16px;
		    font-weight: bold;
		    line-height: 40px;
		    background: #F90;
		    border-radius: 5px;
		    text-align: center;
		    color: #fff;
		    display: block;
		    margin-top: 10px;
		    text-decoration: none;
		}
		/*****订单详情*样式************************************/
		.o-details {
		    width: 840px;
		    margin-top: 10px;
		    line-height: 30px;
		    float: left;
		}
		.o-details span {
		    padding-left: 10px;
		    font-size: 14px;
		    font-weight: bold;
		    display: block;
		}
		.o-details table {
		    margin-bottom: 10px;
		}
		.o-details table, .o-details table td {
		    border: solid 1px #e5e5e5;
		    border-collapse: collapse;
		}
		.o-details td {
		    height: 40px;
		}
		.o-cc {
		    width: 280px;
		    text-align: center;
		    padding: 15px 0;
		    margin: auto;
		}
		.o-cc dd {
		    line-height: 25px !important;
		    float: left;
		}
		.ow-45 {
		    width: 120px;
		}
		.ow-10 {
	    width: 40px;
	    line-height: 50px !important;
	    background: url(../img/ico-kw.gif) center 19px no-repeat;
	    display: block;
	}
</style>
</head>
<body>
	<c:set var="order" value="${orderRecord}"></c:set>
	<div class="y-right">
           <div class="o-box">
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tbody><tr>
                       <td width="76%" class="b-right">
                           <dl class="o-view">
                               <dd class="o-f0"><span>订购时间：${order.ticket.ticketdata }</span><strong>订单号：${order.orderrecordid }</strong></dd>
                               <dd class="o-f1"><span>订单金额：￥ <b class="f-red">
                                   ${order.ticket.route.price * order.ticketnum }</b></span>全票：￥${order.ticket.route.price}×${order.ticketnum }张</dd>
                               <dd class="o-f2">订单状态：<font id="state">${order.orderStatic==1?"已完成":order.orderStatic==2?"已退款":"已取消（超时未支付取消）"}</font><br>取票密码：-</dd>
                           </dl>
                       </td>
                       <td width="2%">&nbsp;</td>
                       <td width="22%" align="center">
                           您可以<a href="/Bus/BusList.aspx?FromCity=合肥&amp;ToCity=安庆市&amp;ToCityCode=340800&amp;FromDate=2016-12-10" class="ov-btn">重新预订</a></td>
                   </tr>
               </tbody></table>
           </div>
           <div class="o-details">
               <span>订单信息</span>
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
                   <tbody><tr>
                       <td width="15%" rowspan="2" align="center" valign="middle"><strong>车票信息</strong></td>
                       <td width="34%" height="40" align="center" bgcolor="#F9FCFF">车票班线</td>
                       <td width="12%" align="center" bgcolor="#F9FCFF">班次类型</td>
                       <td width="14%" align="center" bgcolor="#F9FCFF">出发时间</td>
                       <td width="12%" align="center" bgcolor="#F9FCFF">票种/票数</td>
                       <td width="11%" align="center" bgcolor="#F9FCFF">票价</td>
                   </tr>
                   <tr>
                       <td>
                           <dl class="o-cc" style="padding: 5px 0;">
                               <dd class="ow-45">${order.ticket.route.startStation }</dd>
                               <dd class="ow-10">&nbsp;</dd>
                               <dd class="ow-45"> ${order.ticket.route.destStation }</dd>
                           </dl>
                       </td>
                       <td align="center"> 固定班</td>
                       <td align="center">
                           2016-11-17<br> 06:00<br>
                       </td>
                       <td align="center">全票×${order.ticketnum }张</td>
                       <td align="center">￥${order.ticket.route.price}</td>
                   </tr>
               </tbody></table>
               
               <c:forEach items="${order.user}" var="user">
               	<c:if test="${user.indefault==1}">
               
	               <table width="100%" border="0" cellpadding="0" cellspacing="0">
	                   <tbody><tr>
	                       <td width="15%" rowspan="5" align="center" valign="middle"><strong>旅客信息</strong></td>
	                       <td width="16%" height="40" align="center" bgcolor="#F9FCFF">姓名</td>
	                       <td width="18%" align="center" bgcolor="#F9FCFF">证件类型</td>
	                       <td width="26%" align="center" bgcolor="#F9FCFF">证件号码</td>
	                       <td width="23%" align="center" bgcolor="#F9FCFF">&nbsp;</td>
	                   </tr>
	                   <tr>
	                       <td align="center">${user.userrealname}</td>
	                       <td align="center">身份证</td>
	                       <td align="center">${user.useridcard}</td>
	                       <td align="center">&nbsp;</td>
	                   </tr>
	               </tbody></table>
	
	               <table width="100%" border="0" cellpadding="0" cellspacing="0">
	                   <tbody>
	                   	<tr>
	                       <td width="15%" rowspan="2" align="center" valign="middle"><strong>取票人/联系人</strong></td>
	
	
	                       <td width="16%" height="40" align="center" bgcolor="#F9FCFF">姓名</td>
	                       <td width="18%" align="center" bgcolor="#F9FCFF">证件类型</td>
	                       <td width="26%" align="center" bgcolor="#F9FCFF">证件号码</td>
	                       <td width="23%" align="center" bgcolor="#F9FCFF">手机号码</td>
	                   </tr>
	                   <tr>
	                       <td align="center">${user.userrealname}</td>
	                       <td align="center">身份证</td>
	                       <td align="center">${user.useridcard}</td>
	                       <td align="center">${user.userphone }</td>
	                   </tr>
	               </tbody>
               </table>
             </c:if>
             </c:forEach>
           </div>
           <div class="h-30"></div>
       </div>


</body>
</html>